const border = require('../tw-lib-base/border/props')
const link = require('../tw-lib-base/link/props')

module.exports = {
  text: {
    type: Object,
    default () {
      return {
        content: '按钮',
        value: 'id'
      }
    },
    name: '文本',
    filedType: 'api'
  },

  ...link,

  fontSize: {
    type: String,
    default: '14px',
    name: '字体大小',
    filedType: 'string'
  },

  color: {
    type: String,
    default: '#ffffff',
    name: '字体颜色',
    filedType: 'color'
  },

  hoverColor: {
    type: String,
    default: '#ffffff',
    name: '字体滑过颜色',
    filedType: 'color'
  },

  backgroundColor: {
    type: String,
    default: '#0a78f5',
    name: '背景色',
    filedType: 'color'
  },
  disabledColor: {
    type: String,
    default: '#a0cfff',
    name: '禁用背景色',
    filedType: 'color'
  },
  zIndex: {
    type: String,
    default: '',
    name: 'z-index值',
    filedType: 'string'
  },

  bgImg: {
    type: Array,
    default () {
      return []
    },
    name: '背景图片',
    filedType: 'file',
    limit: 1,
    maxSize: 1024
  },

  hoverBg: {
    type: String,
    default: '#046ade',
    name: '滑过背景色',
    filedType: 'color'
  },

  customBorderRadius: {
    type: String,
    default: '30px',
    name: '圆角尺寸',
    filedType: 'string'
  },

  paddingX: {
    type: String,
    default: '15px',
    name: '左右内边距',
    filedType: 'string'
  },

  paddingY: {
    type: String,
    default: '0',
    name: '上下内边距',
    filedType: 'string'
  },

  lineHeight: {
    type: String,
    default: '30px',
    name: '行高',
    filedType: 'string'
  },

  ...border,

  custom: {
    type: Boolean,
    default: false,
    name: '开启边框渐变色',
    filedType: 'switch'
  },

  colors: {
    type: Array,
    default () {
      return [
        'rgb(36,138,254)',
        'rgb(137,107,253)',
        'rgba(36,138,254, 0.3)',
        'rgb(137,107,253, 0.3)',
        'rgba(36,138,254)',
        'rgb(137,107,253)'
      ]
    },
    name: '按钮颜色',
    nameTip: '前俩边框色，后俩按钮颜色,最后是高亮颜色',
    filedType: 'list',
    subType: 'color',
    subDefault: '#2bd3bd',
    max: 6
  },

  borderWddth: {
    type: String,
    default: '2px',
    name: '边框高度',
    filedType: 'string'
  },

  shadow: {
    type: String,
    default: 'rgba(0, 0, 0, 0)',
    name: '文本投影色',
    filedType: 'color'
  },

  shadowSize: {
    type: String,
    default: '0px 0px 0px',
    name: '投影的距离大小',
    filedType: 'string'
  },

  showImg: {
    type: Boolean,
    default: false,
    name: '显示图标',
    filedType: 'switch'
  },
  icons: {
    type: Array,
    default () {
      return []
    },
    name: '图标列表',
    filedType: 'file',
    limit: 100,
    maxSize: 1024
  },
  iconRight: {
    type: String,
    default: '5px',
    name: '图标文字间距',
    filedType: 'string'
  },
  iconMarginTop: {
    type: String,
    default: '0px',
    name: '图标上下对齐调整',
    filedType: 'string'
  },

  iconHeight: {
    type: String,
    default: '30px',
    name: '图标高度',
    filedType: 'string'
  },
  useDeg: {
    type: Boolean,
    default: false,
    name: '启用自定义斜角背景',
    filedType: 'switch'
  },
  marginLeft: {
    type: String,
    default: '12px',
    name: '按钮左侧调整',
    filedType: 'string',
    vif: {
      key: 'useDeg',
      value: true
    }
  },
  radiusdeg: {
    type: String,
    default: '45deg',
    name: '按钮角度',
    filedType: 'string'
  },
  gradientType: {
    type: String,
    default: '',
    name: '背景渐变类型',
    filedType: 'select',
    options: [
      {
        name: '线性渐变',
        value: 'linear'
      },
      {
        name: '径向渐变',
        value: 'radial'
      },
      {
        name: '循环线性渐变',
        value: 'repeatlinear'
      },
      {
        name: '循环径向渐变',
        value: 'repeatradial'
      }
    ]
  },
  gradient: {
    type: String,
    default: '',
    name: '渐变属性',
    filedType: 'string'
  },

}

// Helvetica Neue,,宋体,Arial,Helvetica,sans-serif
